.content{}
.s-group{margin-bottom: 5px;display:  block;}
.s-seq{border: none;background:#ccc;width: 20px;font-size: 14px;padding: 10px 12px;}
.s-end{border: none;width: 240px;font-size: 14px;}
.s-group:nth-child(1) .s-seq, .s-group:nth-child(1) .s-end{font-size: 22px;}
.s-group:nth-child(2) .s-seq, .s-group:nth-child(2) .s-end{font-size: 18px;}
.s-group .s-seq{color: #999;}
.s-group:nth-child(1) .s-seq{background:#290a85;color: #eee;}
.s-group:nth-child(2) .s-seq{background:#2117ab;}
.s-group:nth-child(3) .s-seq{background:#1629db;}
.s-group:nth-child(4) .s-seq{background:#3144f6;}
.s-group:nth-child(5) .s-seq{background:#606fff;}
.s-group:nth-child(6) .s-seq{background:#8d98ff;color: #ccc;}
.s-group:nth-child(7) .s-seq{background:#bbc2ff;}
.s-group:nth-child(8) .s-seq{background:#bbd9ff;}
.s-group:nth-child(9) .s-seq{background:#bbd9ff;}
.s-group:nth-child(10) .s-seq{background:#bbd9ff;}
.rank-brand{height: 88%; position: absolute; left: 102%; bottom: 0; z-index: 9;}
.toolbar{margin:40px 0 20px}
.card-list{margin:20px 0 60px}
.card{border-radius:4px;border:1px solid #ccc;overflow:hidden;margin-bottom:20px}
.card-pic{background:#000;color:#fff;min-height:320px;position:relative;padding:10px;background:url(../images/xingqiubeiban.png) no-repeat;background-size:100%;width:253px}
.card-brand{width:80px;position:absolute;left:39%;top:13%;z-index:9}
.card-starname{font-size:22px;float:right}
.card-starpic{width:100%;height:100%;display:inline-block;margin-top:10%;position:relative}
.card-owner{background:#4e4e4e;line-height:42px;text-align:center;font-size:20px;color:#ccc}
.card-info{text-indent:1em;padding-top:10px}
.card-info .input-group span{background:#140fd6;border:1px solid #140fd6;color:#fff}
.card-info p{font-weight:700;white-space:nowrap;overflow:hidden}
.card-price{padding:10px 20px;border-top:1px solid #ccc}
.card-btn{color:#fff;background-color:#140fd6;border-color:#2e6da4}
.card-txt:hover{cursor:pointer;color:#2e6da4}
.card-gyun{position:absolute;top:52px;left:0;animation: ssuo 2s ease-in-out infinite;transform:scale(0.9);opacity:0.4;}
.card-gyun.Mercury{top:58px;left:5px;width:244px;animation-delay:.1s;}
.card-gyun.Venus{top:54px;left:-1px;width:254px;animation-delay:.2s;}
.card-gyun.Moon{top:50px;left:-2px;width:260px;animation-delay:.3s;}
.card-gyun.Mars{top:50px;left:-2px;width:260px;animation-delay:.4s;}
.card-gyun.Jupiter{top:59px;left:4px;width:241px;animation-delay:.5s;}
.card-gyun.Saturn{top:49px;left:8px;width:237px;animation-delay:.6s;}
.card-gyun.Uranus{top:55px;left:8px;width:247px;animation-delay:.7s;}
.card-gyun.Neptune{top:52px;left:4px;width:247px;animation-delay:.8s;}
.card-gyun.Pluto{top:50px;left:-2px;width:260px;animation-delay:.9s;}
.card-gyun.Charon{top:57px;left:5px;width:248px;animation-delay:1s;}
.card-gyun.Ceres{top:53px;left:10px;width:235px;animation-delay:.9s;}
.card-gyun.Eris{top:73px;left:23px;width:213px;animation-delay:.8s;}
.card-gyun.Makemake{top:50px;left:-3px;width:260px;animation-delay:.7s;}
.card-gyun.Haumea{top:53px;left:10px;width:236px;animation-delay:.6s;}
.card-gyun.Io{top:66px;left:20px;width:229px;animation-delay:.5s;}
.card-gyun.Europa{top:46px;left:-10px;width:268px;animation-delay:.4s;}
.card-gyun.Ganymede{top:59px;left:8px;width:244px;animation-delay:.3s;}
.card-gyun.Callisto{top:68px;left:15px;width:228px;animation-delay:.2s;}
.card-gyun.Titan{top:47px;left:-6px;width:266px}
.card-gyun.Triton{top: 66px;left: 14px;width: 234px;}
.modal .card-price{ border:  0; padding: 0; width: 300px; margin:  0 auto; }
.loading{ position:  absolute; top: 0; left:  0; right:  0; bottom:  0; background: rgba(0,0,0,0.4); z-index: 99; color:  #fff; text-align:  center; }
.loading span{ font-size: 28px; display: block; margin-top: 204px; }
.s-yzbox{background: url(../images/all.jpg) no-repeat;height: 557px;position:relative;min-width:840px;perspective: 1000px;overflow:  hidden;}
.s-yzbox div{background-size:100%;margin-top: 16px;}
.sun{width: 100px;height: 100px;background-image:url(../images/taiyang.png);top: 200px;left: 390px;transform-origin: center;animation-duration: 999s;}
.mercury{width:24px;height:24px;background-image:url(../images/shuixing.png);top: 200px;left: 380px;transform-origin: 60px 51px;animation-duration: 120s;}
.venus{width:52px;height:52px;background-image:url(../images/jinxing.png);top: 200px;left: 503px;transform-origin: -68px 44px;animation-duration: 190s;}
.earth{width:28px;height:28px;background-image:url(../images/diqiu.png);top: 113px;left: 426px;transform-origin: 6px 140px;animation-duration: 240s;}
.moon{width:14px;height:14px;background-image:url(../images/yueqiu.png);top: 102px;left: 426px;transform-origin: 9px 147px;animation-duration: 240s;}
.mars{width:32px;height:32px;background-image:url(../images/huoxing.png);top: 353px;left: 434px;transform-origin: 1px -113px;animation-duration: 100s;}
.jupiter{width:56px;height:56px;background-image:url(../images/muxing.png);top: 367px;left: 471px;transform-origin: -30px -126px;animation-duration: 340s;}
.saturn{width:52px;height:52px;background-image:url(../images/tuxing.png);top: 63px;left: 568px;transform-origin: -135px 176px;animation-duration: 180s;}
.uranus{width:26px;height:26px;background-image:url(../images/tianwangxing.png);top: 165px;left: 142px;transform-origin: 291px 93px;animation-duration: 240s;}
.neptune{width:56px;height:56px;background-image:url(../images/haiwangxing.png);top: 276px;left: 181px;transform-origin: 245px -23px;animation-duration: 600s;}
.pluto{width:10px;height:10px;background-image:url(../images/mingwangxing.png);top: 200px;left: 621px;transform-origin: -190px 52px;animation-duration: 320s;}
.charon{width:6px;height:6px;background-image:url(../images/kajie.png);top: 200px;left: 639px;transform-origin: -200px 43px;animation-duration: 180s;}
.ceres{width:4px;height:4px;background-image:url(../images/gushenxing.png);top: 200px;left: 602px;transform-origin: -162px 58px;animation-duration: 400s;}
.eris{width:14px;height:14px;background-image:url(../images/eris.png);top: 200px;left: 667px;transform-origin: -232px 52px;animation-duration: 500s;}
.makemake{width:6px;height:6px;background-image:url(../images/niaoshenxing.png);top: 200px;left: 667px;transform-origin: -232px 45px;animation-duration: 240s;}
.haumea{width:6px;height:6px;background-image:url(../images/gushenxing.png);top: 200px;left: 639px;transform-origin: -195px 45px;animation-duration: 380s;}
.io{width:14px;height:14px;background-image:url(../images/yie.png);top: 200px;left: 154px;transform-origin: 271px 49px;animation-duration: 1000s;}
.europa{width:14px;height:14px;background-image:url(../images/ouluoba.png);top: 400px;left: 630px;transform-origin: -191px -147px;animation-duration: 333s;}
.ganymede{width:26px;height:26px;background-image:url(../images/gainimide.png);top: 100px;left: 640px;transform-origin: -206px 148px;animation-duration: 360s;}
.callisto{width:20px;height:20px;background-image:url(../images/kalisituo.png);top: 200px;left: 710px;transform-origin: -275px 46px;animation-duration: 400s;}
.titan{width:26px;height:26px;background-image:url(../images/taitan.png);top: 238px;left: 710px;transform-origin: -304px 3px;animation-duration: 800s;}
.triton{width:14px;height:14px;background-image:url(../images/telaideng.png);top: 200px;left: 770px;transform-origin: -331px 3px;animation-duration: 900s;}
.roteX{/* transform: rotateX(30deg); */position:relative;}
.roteX div{border-radius:50%;position: absolute;}
.roteX div.op{opacity:0.3}
.roteX.run div{animation-name: rotation;animation-timing-function: linear; animation-iteration-count:infinite;}
.flag{width:36px;}
.flag-sm{width: 30px;}
.dropdown-menu.coutr{width: 868px;height: 400px;overflow-y: auto;}
.dropdown-menu.coutr li{float:  left;padding: 8px 10px;}
@keyframes rotation{
    to{
        transform: rotate(360deg);
    }
}
@keyframes ssuo{
	40%,50%{transform:scale(0.95);opacity:0.8;}
}